<template>
  <div class="fzjcbox">
    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
      <el-tab-pane label="化验单" name="1"><Hyd v-if="checkname == '1'" /></el-tab-pane>
      <el-tab-pane label="检查单" name="2"><Jcd v-if="checkname == '2'" /></el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>
import { ref } from "vue";
import Hyd from "@/views/pagefzjc/Hyd.vue";
import Jcd from "@/views/pagefzjc/Jcd.vue";
const activeName = ref("1");
let checkname = ref("1");
const handleClick = tab => {
  checkname.value = tab.paneName;
};
</script>
<style scoped>
.fzjcbox {
  background: #fff;
  width: 100%;
  height: calc(100% - 20px);
  padding: 10px;
}
</style>
